@import "partials/mixins";
#my-box {
	width: 100%;
	height: 100%;
	position: relative;
	font-size: ptr(24px);
	background-color: #f8f8f8;
	overflow: hidden;
	color: inherit;
	.my-img {
		width: 100%;
		height: ptr(226px);
		text-align: center;
		margin-bottom: ptr(20px);
		>img {
			width: ptr(152px);
			height: ptr(152px);
			overflow: hidden;
			border-radius: 50%;
		}
	}
	.my-container {
		padding: 0 ptr(26px);
		.my-box {
			padding: 0 ptr(28px);
			@include borderBox(#ececec);
			border-radius: ptr(10px);
			background: #fff;
			.my-item {
				&:nth-child(1) {
					border-bottom: 1px solid $font-color4;
				}
				padding:ptr(30px) 0;
				font-size: ptr(32px);
				color: $font-color;
				&>p {
					margin: 0;
					color: $bg_green3;
				}
			}
		}
	}
	.loginout {
		width: 92%;
		border-radius: ptr(10px);
		height: ptr(80px);
		background-color: #41C0C1;
		text-align: center;
		line-height: ptr(80px);
		color: #fff;
		font-size: ptr(32px);
		margin: ptr(100px) auto;
	}
}
